<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>

/* CSS로 디자인을 작성*/

li{
	color:yellow;
}
h2{
	font-size: 100px;
}
.red{
color:red;
}
#blue{
color:blue;
}
div li{
text-decoration: line-through;
}
</style>

</head>
<body>
<h2>programming language</h2>
<ul>
<li>html</li>
<li class="red">css</li> <!-- 좀 더 구체적이기 때문에 헤드 스타일보다 우선순위가 높음 -->
<li style="color:red">css</li>  <!-- 인라인 방식 (헤드의 스타일보다 우선순위는 높지만 사용하지 말자)-->
<li>jsp</li>
<li id="blue">servlet</li>  <!-- 같은 id는 하나만 지정가능 -->
							<!-- 같은 class는 2개이상 지정가능 -->
</ul>
<div>
<ul>
<li>java</li>
<li>jdbc</li>
<li>servlet</li>
</ul>
</div>

</body>
</html>